.background-gradient-top1 {
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(left, white 0%, #eef2f9 22%, #a7bcdf 50%, #5b82c3 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, white), color-stop(22%, #eef2f9), color-stop(50%, #a7bcdf), color-stop(100%, #5b82c3));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, white 0%, #eef2f9 22%, #a7bcdf 50%, #5b82c3 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, white 0%, #eef2f9 22%, #a7bcdf 50%, #5b82c3 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, white 0%, #eef2f9 22%, #a7bcdf 50%, #5b82c3 100%);
  /* IE10+ */
  background: linear-gradient(to right, white 0%, #eef2f9 22%, #a7bcdf 50%, #5b82c3 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#5b82c3',GradientType=1 );
  /* IE6-9 */
}

.background-gradient-top, .wrapper header .logo-company {
  background: white;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url();
  background: -moz-linear-gradient(left, white 0%, white 5%, #f2f5fa 24%, #5c83c4 66%, #5c83c4 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, white), color-stop(5%, white), color-stop(24%, #f2f5fa), color-stop(66%, #5c83c4), color-stop(100%, #5c83c4));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, white 0%, white 5%, #f2f5fa 24%, #5c83c4 66%, #5c83c4 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, white 0%, white 5%, #f2f5fa 24%, #5c83c4 66%, #5c83c4 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, white 0%, white 5%, #f2f5fa 24%, #5c83c4 66%, #5c83c4 100%);
  /* IE10+ */
  background: linear-gradient(to right, white 0%, white 5%, #f2f5fa 24%, #5c83c4 66%, #5c83c4 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#5c83c4',GradientType=1 );
  /* IE6-8 */
}

.background-gradient-body1 {
  background: #eaeef7;
  /* Old browsers */
  background: -moz-linear-gradient(left, #eaeef7 0%, #c2d0ea 19%, #8eb7ed 50%, #e5ecf6 84%, white 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #eaeef7), color-stop(19%, #c2d0ea), color-stop(50%, #8eb7ed), color-stop(84%, #e5ecf6), color-stop(100%, white));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #eaeef7 0%, #c2d0ea 19%, #8eb7ed 50%, #e5ecf6 84%, white 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #eaeef7 0%, #c2d0ea 19%, #8eb7ed 50%, #e5ecf6 84%, white 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #eaeef7 0%, #c2d0ea 19%, #8eb7ed 50%, #e5ecf6 84%, white 100%);
  /* IE10+ */
  background: linear-gradient(to right, #eaeef7 0%, #c2d0ea 19%, #8eb7ed 50%, #e5ecf6 84%, white 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeef7', endColorstr='#ffffff',GradientType=1 );
  /* IE6-9 */
}

.background-gradient-body, body {
  background: #eaeef7;
  background: url();
  background: -moz-linear-gradient(left, #eaeef7 0%, #b9c9e8 19%, #5090e5 50%, #e5ecf6 84%, white 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #eaeef7), color-stop(19%, #b9c9e8), color-stop(50%, #5090e5), color-stop(84%, #e5ecf6), color-stop(100%, white));
  background: -webkit-linear-gradient(left, #eaeef7 0%, #b9c9e8 19%, #5090e5 50%, #e5ecf6 84%, white 100%);
  background: -o-linear-gradient(left, #eaeef7 0%, #b9c9e8 19%, #5090e5 50%, #e5ecf6 84%, white 100%);
  background: -ms-linear-gradient(left, #eaeef7 0%, #b9c9e8 19%, #5090e5 50%, #e5ecf6 84%, white 100%);
  background: linear-gradient(to right, #eaeef7 0%, #b9c9e8 19%, #5090e5 50%, #e5ecf6 84%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeef7', endColorstr='#ffffff',GradientType=1 );
}

/*------------------------------- Padding & Margin -----------------------------*/
/*---------------------------- Padding --------------------------------*/
/*------- Top -------*/
/* ------ Bottom ------- */
/* ------ Bottom & Top ------- */
/* ------- Left ----------- */
/* ------- Right ----------- */
/* ------ Bottom & Top ------- */
/*---------------------------- Margin --------------------------------*/
/*------- Top -------*/
/* ------ Bottom ------- */
/* ------ Bottom & Top ------- */
/* ------- Left ----------- */
/* ------- Right ----------- */
/* ------ Bottom & Top ------- */
/* ---------------------------- Position & Display Property ------------------------ */
/*----------------------------- Border ---------------------------------*/
/*----------------------------- Box Shadow ---------------------------------*/
/*----------------------------- Color Gradieun ---------------------------------*/
/*-------- make gradient black alpha over color gradient ---------*/
/*------------------------------------ Transition ---------------------------------------*/
/*------------------------------------ Animation ---------------------------------------*/
/*------------------------------------ Effect ---------------------------------------*/
/*---- just like mirror ----*/
body {
  font-family: Helvetica, Arial, sans-serif;
  margin: 5px auto;
}

.kratos {
  max-width: 1020px;
  margin: 0px auto;
}

.wrapper {
  background-color: white;
  margin: 0px auto;
}

.transition-text-hover {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}

.text-shadow-hover {
  text-shadow: 1px 1px 1px #CFCFCF;
}

.no-background-image {
  background-image: none !important;
}

.custom-button, .blueButton, button, input[type="submit"] {
  background-color: transparent;
  border: none;
}

.color-gray-custom {
  color: #969696;
}

.border-bottom-header {
  border-bottom: 2px solid rgba(255, 255, 255, 0.28);
}

.border-bottom-header-fade {
  border-bottom: 2px solid rgba(255, 255, 255, 0.28);
}

.border-all-white-fade {
  border: 2px solid rgba(255, 255, 255, 0.28);
}

.color-gradien-text {
  background: -webkit-linear-gradient(#dddddd, #6f6f6f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.color-gradien-text-blue {
  background: -webkit-linear-gradient(#00f5fe, #026fa5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.black-fade {
  background: #33393c;
  /* Old browsers */
  background: -moz-linear-gradient(top, #33393c 0%, #222222 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #33393c), color-stop(100%, #222222));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #33393c 0%, #222222 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #33393c 0%, #222222 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #33393c 0%, #222222 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #33393c 0%, #222222 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33393c', endColorstr='#222222',GradientType=0 );
  /* IE6-9 */
}

.font-helvetica-condensed {
  font-family: Helvetica-Condensed;
}

.font-HelveticaNeueLTStd-Cn {
  font-family: HelveticaNeueLTStd-Cn;
}

.font-HelveticaNeueLTStd-Lt {
  font-family: HelveticaNeueLTStd-Lt;
}

.font-vani {
  font-family: 'vani';
}

.font-default, .wrapper header .logo-company .land-image h5 {
  font-family: Helvetica;
}

.default-ul {
  list-style-type: none;
  display: inline-block;
}

.shadow-tran-box-lg {
  -webkit-box-shadow: 0px 0px 5px 1px rgba(100, 100, 100, 0.5);
  -moz-box-shadow: 0px 0px 5px 1px rgba(100, 100, 100, 0.5);
  box-shadow: 0px 0px 5px 1px rgba(100, 100, 100, 0.5);
}

.shadow-tran-box-sm {
  -webkit-box-shadow: 0px 0px 1px 1px rgba(100, 100, 100, 0.5);
  -moz-box-shadow: 0px 0px 1px 1px rgba(100, 100, 100, 0.5);
  box-shadow: 0px 0px 1px 1px rgba(100, 100, 100, 0.5);
}

.wrapper .container {
  max-width: 100%;
}
.wrapper header .logo-company {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
}
.wrapper header .logo-company .logo ul {
  list-style-type: none;
  padding-left: 0px;
}
.wrapper header .logo-company .logo ul li img {
  float: left;
}
.wrapper header .logo-company .land-image {
  float: right;
}
.wrapper header .logo-company .land-image h5 {
  text-align: center;
  color: white;
  text-transform: uppercase;
  font-size: 20px;
}
.wrapper header .logo-company .land-image ul {
  padding-left: 0px;
  padding-right: 0px;
  list-style-type: none;
  text-align: center;
}
.wrapper header .logo-company .land-image ul li {
  margin-top: 4px;
  display: inline-block;
}
.wrapper header .lang-icon {
  padding-left: 15px;
  padding-right: 15px;
  font-size: 11px;
}
.wrapper header .lang-icon ul {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 5px;
  list-style-type: none;
  text-align: right;
}
.wrapper header .lang-icon ul li {
  margin-top: 5px;
  padding: 2px 6px;
  background: rgba(241, 241, 241, 0.76);
  border-radius: 2px;
  display: inline-block;
}
.wrapper header .lang-icon ul li a {
  color: black;
}
.wrapper header .lang-icon ul li a img {
  max-width: 16px;
}
.wrapper header .lang-icon .dropdown-lang {
  position: relative;
}
.wrapper header .lang-icon .dropdown-lang .dropdown-lang-all {
  position: absolute;
  padding: 10px 0px;
  right: 0px;
  z-index: 999;
  background: #f1f1f1;
  -webkit-border-radius: 0px 0px 4px 4px;
  -moz-border-radius: 0px 0px 4px 4px;
  border-radius: 0px 0px 4px 4px;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.63);
}
.wrapper header .lang-icon .dropdown-lang .dropdown-lang-all li {
  display: block;
  padding: 0px 25px;
  background: none;
  text-align: left;
}
.wrapper header .lang-icon .dropdown-lang span {
  padding: 0px 3px;
}
.wrapper header .menu {
  background-color: #5c83c4;
}
.wrapper header .menu .navbar-header button {
  padding: 2px;
  margin: 6px 12px;
}
.wrapper header .menu .navbar-header button span {
  border: 1px solid white;
}
.wrapper header .menu .navbar-collapse {
  padding: 0px;
}
.wrapper header .menu .navbar-collapse .nav.navbar-nav li a {
  color: white;
  padding: 5px 10px;
  border-right: 1px solid rgba(255, 255, 255, 0.14);
}
.wrapper header .menu .navbar-collapse .nav.navbar-nav li a span {
  font-size: 12px;
  color: white;
  text-transform: uppercase;
}
.wrapper header .menu .navbar-collapse .nav.navbar-nav li > a:hover, .wrapper header .menu .navbar-collapse .nav.navbar-nav li > a:focus, .wrapper header .menu .navbar-collapse .nav.navbar-nav li > .selected {
  background: #4e79c4;
}
.wrapper header .menu .navbar-collapse .nav.navbar-nav li .dropdown-menu {
  background-color: #4e79c4;
  border: none;
  font-size: 12px;
}
.wrapper header .menu .navbar-collapse .nav.navbar-nav li .dropdown-menu li > a:hover, .wrapper header .menu .navbar-collapse .nav.navbar-nav li .dropdown-menu li > a:focus {
  background: #266cb8;
}
.wrapper header .menu .navbar-collapse .nav .open > a,
.wrapper header .menu .navbar-collapse .nav .open > a:hover,
.wrapper header .menu .navbar-collapse .nav .open > a:focus {
  background-color: #4e79c4;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -o-transition-duration: .8s;
  -transition-duration: .8s;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
  filter: alpha(opacity=100);
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
  filter: alpha(opacity=100);
}

#image-slide._3D #my-carousel {
  margin-top: 5px;
  border-radius: 6px;
}
#image-slide._3D #my-carousel .carousel-control {
  top: 52px;
}
#image-slide._3D #my-carousel .carousel-control .icon-prev {
  margin-top: -40px;
  font-size: 50px;
}
#image-slide._3D #my-carousel .carousel-control .icon-next {
  margin-top: -40px;
  font-size: 50px;
}
#image-slide._3D #my-carousel .border-custom {
  background-color: white;
  position: absolute;
  border: 6px solid #F8F8F8;
  border-radius: 6px;
  height: 87%;
  width: 101.3%;
  top: 47px;
  left: -6px;
  z-index: -1;
}
#image-slide._normal {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 50px;
}
#image-slide._normal .carousel-inner {
  border: 6px solid white;
  border-radius: 6px;
}
#image-slide .carousel-control:hover, #image-slide .carousel-control:focus {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
#image-slide .shadow-slider {
  opacity: .7;
  bottom: -44px;
  left: -10px;
  width: 100%;
  height: 52px;
  z-index: -1000;
}

.gray-back, #main-content.home .breadcrumb {
  background: #f3f3f3;
}

.header-gray {
  background: #e9e9e9;
  margin: 15px 0px;
  padding: 10px 15px;
}

.back-tab, #main-content.home #view-info #lang-tab > li > a span, #main-content.home #view-info #lang-tab > li.selected > a span, #main-content.home #view-info #lang-tab > li.dropdown > a span {
  background-color: #e9e9e9;
  border: 1px solid rgba(206, 206, 206, 0.66);
  border-bottom-color: rgba(255, 255, 255, 0.22);
  -webkit-border-radius: 6px 6px 0px 0px;
  -moz-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
}

.titlePage {
  color: #4e79c4;
  text-transform: uppercase;
}

.blueButton, button, input[type="submit"] {
  background: #4e79c4;
  color: white;
  padding: 5px 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-right: 5px;
  box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.23);
}
.blueButton:hover, button:hover, input[type="submit"]:hover {
  background: #3a64af;
}
.blueButton#sendMail, button#sendMail, input[type="submit"]#sendMail {
  padding: 5px 30px;
}

h1 .glyphicon, h2 .glyphicon, h3 .glyphicon, h4 .glyphicon, h5 .glyphicon, h6 .glyphicon {
  margin-right: 5px;
}

.form-horizontal {
  margin-top: 20px;
}
.form-horizontal h6 span {
  margin-right: 5px;
}
.form-horizontal #txtMsg {
  max-width: 100%;
  min-height: 100px;
  max-height: 600px;
}

#main-content {
  background-color: white;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 11px;
}
#main-content .back-title-blue {
  background-color: #5c83c4;
  color: white;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12px;
  text-transform: uppercase;
}
#main-content.home .properties ul {
  padding-left: 0px;
  padding-right: 0px;
  margin-bottom: 0px;
  text-align: center;
}
#main-content.home .properties ul li {
  display: inline-block;
  list-style-type: none;
  padding: 0px 40px;
}
#main-content.home .properties ul li img {
  max-width: 70px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}
#main-content.home .owner-sell span {
  margin-top: 10px;
}
#main-content.home .owner-sell ul {
  padding-left: 20px;
}
#main-content.home .owner-sell ul li {
  margin-top: 5px;
  list-style-type: none;
}
#main-content.home .owner-sell ul li .title {
  color: #5c83c4;
  font-size: 12px;
  font-weight: bold;
}
#main-content.home .view-container {
  padding: 0px 15px;
}
#main-content.home .breadcrumb {
  border-bottom: 1px solid #e9e9e9;
  margin: 0px;
  padding: 8px 0px;
}
#main-content.home #view-info {
  border-right: 1px solid #e9e9e9;
  padding-bottom: 15px;
}
#main-content.home #view-info img {
  max-width: 100%;
}
#main-content.home #view-info #lang-tab {
  margin-top: 20px;
  padding-left: 0px;
  margin-bottom: 10px;
}
#main-content.home #view-info #lang-tab > li {
  display: inline-block;
}
#main-content.home #view-info #lang-tab > li > a span {
  position: relative;
  z-index: 0;
  top: 5px;
  padding: 8px 15px;
  color: gray;
  background: #F0F0F0;
  border: 1px solid rgba(230, 230, 230, 0.66);
}
#main-content.home #view-info #lang-tab > li > a:hover span {
  background-color: #e9e9e9;
  border-bottom-color: #e9e9e9;
}
#main-content.home #view-info #lang-tab > li > a:hover {
  text-decoration: none;
}
#main-content.home #view-info #lang-tab > li.selected > a span {
  top: 1px;
  z-index: 200;
  padding: 10px 15px;
  color: #2366d6;
}
#main-content.home #view-info #lang-tab > li.dropdown {
  display: none;
}
#main-content.home #view-info #lang-tab > li.dropdown > a span {
  top: 3px;
  z-index: 200;
  font-size: 12px;
  color: #2366d6;
}
#main-content.home #view-info #lang-tab > li.dropdown > a:hover {
  text-decoration: none;
}
#main-content.home #view-info #lang-tab > li.dropdown .dropdown-menu {
  -webkit-border-radius: 0px 0px 4px 4px;
  -moz-border-radius: 0px 0px 4px 4px;
  border-radius: 0px 0px 4px 4px;
  border-top: none;
  background: #e9e9e9;
}
#main-content.home #view-info .tab-content {
  position: relative;
  z-index: 100;
}
#main-content.home #view-info .tab-content p {
  background-color: #e9e9e9;
  padding: 10px 15px;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
#main-content.home #view-info .tab-content .info-detail .row div:first-child {
  text-align: right;
  padding-right: 5px;
}
#main-content.home #view-info .tab-content .info-detail .row div:last-child {
  text-align: left;
  padding-left: 5px;
}
#main-content.home #view-info .tab-content .info-detail .row div .icon {
  max-width: 18px;
}
#main-content.home #view-info .phoneNum {
  color: red;
}
#main-content.home #banner-right .gray-back img, #main-content.home #banner-right .breadcrumb img {
  width: 100%;
  padding: 15px 0px;
}
#main-content.home #gallery h6 {
  margin-bottom: 0px;
  border-bottom: 1px solid #e9e9e9;
}
#main-content.home #gallery ul {
  padding: 0px 0px 15px 0px;
}
#main-content.home #gallery ul li {
  margin-top: 15px;
  padding: 0px 15px;
  display: inline-block;
  list-style-type: none;
}
#main-content.home #gallery .row {
  padding-bottom: 15px;
}
#main-content.home #gallery .row > div {
  margin-top: 15px;
}
#main-content.home #gallery .row > div img {
  width: 100%;
  box-shadow: 0px 0px 5px rgba(60, 60, 60, 0.5);
}
#main-content.home #gallery #banner-right {
  border-top: 1px solid #e9e9e9;
}
#main-content.home #gallery #banner-right img {
  padding: 0px 5px;
  margin-top: 15px;
}
#main-content.viewByProvinces .breadcrumb {
  margin-bottom: 0px;
  background-color: #f3f3f3;
}
#main-content.viewByProvinces .provinceName {
  color: #4e79c4;
  text-transform: uppercase;
}

.itemRentSale h5 span {
  margin-right: 5px;
}
.itemRentSale table {
  padding: 0px;
  width: 100%;
}
.itemRentSale table thead {
  background: #f3f3f3;
  border-bottom: 1px solid #e9e9e9;
}
.itemRentSale table thead tr th {
  font-size: 12px;
  padding: 5px 5px;
  color: #2366d6;
}
.itemRentSale table thead tr th:first-child {
  padding-left: 10px;
}
.itemRentSale table thead tr th:last-child {
  padding-right: 10px;
}
.itemRentSale table tbody {
  background: #f8f8f8;
}
.itemRentSale table tbody tr {
  border-bottom: 1px solid rgba(233, 233, 233, 0.3);
}
.itemRentSale table tbody tr td {
  vertical-align: top;
  padding: 5px 5px;
}
.itemRentSale table tbody tr td:first-child {
  padding-left: 10px;
}
.itemRentSale table tbody tr td:first-child img {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 10px;
  box-shadow: 0px 0px 4px #c5c5c5;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}
.itemRentSale table tbody tr td:first-child p {
  margin-bottom: 0px;
}
.itemRentSale table tbody tr td:first-child p .title {
  font-size: 12px;
  color: #2366d6;
}
.itemRentSale table tbody tr td:first-child p .logoPre {
  max-width: 20px;
}
.itemRentSale table tbody tr td:first-child .labelItem {
  position: absolute;
  right: -20px;
  top: 10px;
  font-size: 24px;
  color: #EC6061;
  width: 80px;
  text-align: center;
  /* Safari */
  -webkit-transform: rotate(-22deg);
  /* Firefox */
  -moz-transform: rotate(-22deg);
  /* IE */
  -ms-transform: rotate(-22deg);
  /* Opera */
  -o-transform: rotate(-22deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.itemRentSale table tbody tr td:last-child {
  padding-right: 10px;
}
.itemRentSale table tbody tr:hover {
  cursor: pointer;
  background: #f3f3f3;
}

.sortableItem table {
  padding: 0px;
  width: 100%;
}
.sortableItem table thead {
  background: #f3f3f3;
  border-bottom: 1px solid #e9e9e9;
}
.sortableItem table thead tr th {
  font-size: 12px;
  padding: 5px 5px;
  color: #2366d6;
}
.sortableItem table thead tr th > a {
  float: left;
}
.sortableItem table thead tr th:first-child {
  padding-left: 10px;
}
.sortableItem table thead tr th:first-child .titleOnMobile {
  float: right;
}
.sortableItem table thead tr th:first-child .titleOnMobile a {
  margin-right: 5px;
}
.sortableItem table thead tr th:last-child {
  padding-right: 10px;
}
.sortableItem table thead tr th i {
  margin-right: 4px;
}
.sortableItem table thead tr th i.sortableIcon {
  background-image: url(../_design/content/sortableIcon.png);
  background-repeat: no-repeat;
  display: inline-block;
}
.sortableItem table thead tr th i.sortableIcon-asc {
  width: 7px;
  height: 9px;
  background-position: -5px -5px;
}
.sortableItem table thead tr th i.sortableIcon-bg {
  width: 7px;
  height: 9px;
  background-position: -22px -5px;
}
.sortableItem table thead tr th i.sortableIcon-desc {
  width: 7px;
  height: 9px;
  background-position: -39px -5px;
}
.sortableItem table tbody {
  background: #f8f8f8;
}
.sortableItem table tbody tr {
  border-bottom: 1px solid rgba(233, 233, 233, 0.3);
}
.sortableItem table tbody tr td {
  vertical-align: top;
  padding: 5px 5px;
}
.sortableItem table tbody tr td:first-child {
  padding-left: 10px;
}
.sortableItem table tbody tr td:first-child img {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 10px;
  box-shadow: 0px 0px 4px #c5c5c5;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}
.sortableItem table tbody tr td:first-child p {
  margin-bottom: 0px;
}
.sortableItem table tbody tr td:first-child p .title {
  font-size: 12px;
}
.sortableItem table tbody tr td:first-child p .logoPre {
  max-width: 20px;
}
.sortableItem table tbody tr td:last-child {
  padding-right: 10px;
}
.sortableItem table tbody tr:hover {
  cursor: pointer;
  background: #f3f3f3;
}

#footer {
  background-color: #5c83c4;
}
#footer h6 {
  color: white;
}
#footer .menu-footer h5 {
  color: white;
}
#footer .menu-footer ul {
  padding: 0px;
}
#footer .menu-footer ul li {
  list-style-type: none;
}
#footer .menu-footer ul li a span {
  font-size: 12px;
  color: #e6e7e8;
}
#footer .menu-footer ul li a:hover {
  text-decoration: none;
}
#footer .menu-footer ul li a:hover span {
  color: white;
}
#footer .menu-footer .row-menu {
  padding-top: 10px;
  color: #e6e7e8;
  font-size: 10px;
}
#footer .menu-footer .row-menu .title {
  color: white;
  font-size: 10px;
}
#footer .menu-footer .row-menu a span {
  color: #e6e7e8;
  font-size: 10px;
}
#footer .menu-footer .row-menu a:hover {
  text-decoration: none;
}
#footer .menu-footer .row-menu a:hover span {
  color: white;
}

@media only screen and (max-width: 880px) {
  .itemRentSale table thead tr th {
    white-space: nowrap;
  }
  .itemRentSale table tbody tr td:first-child img {
    max-width: 160px;
    max-height: auto;
  }

  .sortableItem table thead tr th {
    white-space: nowrap;
  }
  .sortableItem table tbody tr td:first-child img {
    max-width: 160px;
    max-height: auto;
  }
}
@media only screen and (max-width: 767px) {
  #header.kratos.container {
    padding-left: 0px;
    padding-right: 0px;
  }
  #header .wrapper header .logo-company img {
    max-width: 180px;
  }
  #header .wrapper header .logo-company .land-image h5 {
    font-size: 18px;
  }
  #header .wrapper header .logo-company .land-image ul li img {
    max-width: 46px;
  }
  #header .wrapper header .lang-icon {
    padding: 0px 5px;
  }
  #header .wrapper header .menu .navbar-header button {
    margin: 6px 4px;
  }
  #header .wrapper header .menu .navbar-collapse {
    padding: 0px 15px;
  }
  #header .wrapper header .menu .navbar-collapse .dropdown-menu li > a {
    padding-left: 20px !important;
  }

  section.kratos.container {
    padding-left: 0px;
    padding-right: 0px;
  }
  section #main-content {
    padding: 5px;
  }
  section #main-content [class^="col-"] {
    padding-left: 0px;
    padding-right: 0px;
  }
  section #main-content .row {
    margin: 0px 0px;
  }
  section #main-content.home .owner-sell ul {
    padding: 0px 15px;
  }
  section #main-content.home .view-container {
    padding: 0px 5px;
  }
  section #main-content.home #view-info {
    border-right: none;
  }
  section #main-content.home #gallery .col-lg-3 {
    padding: 0px 5px;
  }
  section #main-content.home .form-horizontal > .row {
    margin: 0px -5px;
  }
  section #main-content.home .form-horizontal .form-group {
    margin: 0px 0px;
  }
  section #main-content.home .form-horizontal .form-group label {
    padding-left: 0px;
  }
  section #main-content.home .form-horizontal .form-group div {
    padding: 0px 0px;
  }

  .itemRentSale table thead tr th {
    white-space: nowrap;
  }
  .itemRentSale table tbody tr td:first-child img {
    max-width: 130px;
    max-height: auto;
  }

  .sortableItem table thead tr th {
    white-space: nowrap;
  }
  .sortableItem table tbody tr td:first-child img {
    max-width: 130px;
    max-height: auto;
  }
}
@media only screen and (max-width: 639px) {
  .itemRentSale table thead tr th {
    white-space: nowrap;
  }
  .itemRentSale table thead tr th.hide-col {
    display: none;
  }
  .itemRentSale table tbody tr td:first-child img {
    max-width: 200px;
    max-height: auto;
  }
  .itemRentSale table tbody tr td:first-child p .title {
    font-size: 10px;
  }
  .itemRentSale table tbody tr td:first-child p > span {
    display: initial;
    font-size: 10px;
  }
  .itemRentSale table tbody tr td:first-child p .logoPre {
    margin: 0px;
    max-width: 15px;
  }
  .itemRentSale table tbody tr td.hide-col {
    display: none;
  }

  .sortableItem table thead tr th {
    white-space: nowrap;
  }
  .sortableItem table thead tr th:first-child .titleOnMobile {
    display: block;
  }
  .sortableItem table thead tr th.hide-col {
    display: none;
  }
  .sortableItem table tbody tr td:first-child img {
    max-width: 200px;
    max-height: auto;
  }
  .sortableItem table tbody tr td:first-child p .title {
    font-size: 10px;
  }
  .sortableItem table tbody tr td:first-child p > span {
    display: block;
    font-size: 10px;
  }
  .sortableItem table tbody tr td:first-child p .logoPre {
    margin: 0px;
    max-width: 15px;
  }
  .sortableItem table tbody tr td.hide-col {
    display: none;
  }

  #main-content.home .properties ul li {
    padding: 0px 20px;
  }
}
@media only screen and (max-width: 600px) {
  #header .wrapper header .logo-company img {
    max-width: 140px;
  }
  #header .wrapper header .logo-company .land-image h5 {
    font-size: 16px;
  }
  #header .wrapper header .logo-company .land-image ul li img {
    max-width: 35px;
  }

  #main-content.home .properties ul li img {
    max-width: 60px;
  }
}
@media only screen and (max-width: 504px) {
  #header .wrapper header .lang-icon .lang-icon-inline {
    display: none;
  }
  #header .wrapper header .lang-icon .dropdown-lang {
    display: block;
  }

  #main-content.home #view-info #lang-tab > li {
    display: none;
  }
  #main-content.home #view-info #lang-tab > li.dropdown {
    display: block;
  }

  .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
  }

  .video-container iframe,
  .video-container object,
  .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width: 440px) {
  #header .wrapper header .logo-company .logo {
    text-align: center;
  }
  #header .wrapper header .logo-company .logo img {
    float: none;
    max-width: 140px;
  }
  #header .wrapper header .logo-company .land-image {
    float: none;
  }
  #header .wrapper header .logo-company .land-image h5 {
    font-size: 14px;
  }
  #header .wrapper header .logo-company .land-image ul li img {
    max-width: 35px;
  }

  #main-content.home .properties ul li {
    padding: 0px 10px;
  }
  #main-content.home .properties ul li img {
    max-width: 40px;
  }

  .itemRentSale table tbody tr td:first-child img {
    max-width: 100px;
    max-height: auto;
  }
  .itemRentSale table tbody tr td:first-child p > span {
    float: left;
  }

  .sortableItem table tbody tr td:first-child img {
    max-width: 100px;
    max-height: auto;
  }
  .sortableItem table tbody tr td:first-child p > span {
    float: left;
  }
}
/*
 * Author: http://stuffandnonsense.co.uk/blog/about/hardboiled_css3_media_queries/
 */
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  /* Styles */
}
/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 321px) {
  /* Styles */
}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) {
  /* iphone protrait and landscape */
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  /* Styles */
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  /* Styles */
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  /* Styles */
}
/* Desktops and laptops ----------- */
@media only screen and (min-width: 1224px) {
  /* Styles */
}
/* Large screens ----------- */
@media only screen and (min-width: 1824px) {
  /* Styles */
}
/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /* Styles */
}
/* --------------------------- Generate Setting Use SCSS -------------------------- */
body {
  /* -------------------------- Main Setting --------------------------- */
  /* -------------------------- Some Setting --------------------------- */
  /* ------------------------- Display & Position --------------------- */
  /* ------------------------- Padding & Margin --------------------- */
}
body .table {
  display: table;
}
body .table-row {
  display: table-row;
}
body .table-cell {
  display: table-cell;
}
body .center-div {
  margin: 0px auto;
}
body .center-block {
  margin: 0px auto;
  position: relative;
}
body .no-background {
  background-color: transparent;
  border: 0px solid;
}
body .pos-static {
  position: static;
}
body .pos-absolute {
  position: absolute;
}
body .pos-relative {
  position: relative;
}
body .pos-fixed {
  position: fixed;
}
body .pos-inherit {
  position: inherit;
}
body .dis-inline {
  display: inline;
}
body .dis-block {
  display: block;
}
body .dis-inline-block {
  display: inline-block;
}
body .dis-inline-table {
  display: inline-table;
}
body .dis-list-item {
  display: list-item;
}
body .dis-run-in {
  display: run-in;
}
body .dis-table {
  display: table;
}
body .dis-table-caption {
  display: table-caption;
}
body .dis-table-column-group {
  display: table-column-group;
}
body .dis-table-header-group {
  display: table-header-group;
}
body .dis-table-footer-group {
  display: table-footer-group;
}
body .dis-table-row-group {
  display: table-row-group;
}
body .dis-table-cell {
  display: table-cell;
}
body .dis-table-column {
  display: table-column;
}
body .dis-table-row {
  display: table-row;
}
body .dis-none {
  display: none;
}
body .dis-inherit {
  display: inherit;
}
body .padd-lr-0 {
  padding-left: 0px;
  padding-right: 0px;
}
body .padd-lr-5 {
  padding-left: 5px;
  padding-right: 5px;
}
body .padd-lr-10 {
  padding-left: 10px;
  padding-right: 10px;
}
body .padd-lr-15 {
  padding-left: 15px;
  padding-right: 15px;
}
body .padd-lr-20 {
  padding-left: 20px;
  padding-right: 20px;
}
body .padd-lr-25 {
  padding-left: 25px;
  padding-right: 25px;
}
body .padd-lr-30 {
  padding-left: 30px;
  padding-right: 30px;
}
body .padd-tb-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
body .padd-tb-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}
body .padd-tb-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
body .padd-tb-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}
body .padd-tb-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
body .padd-tb-25 {
  padding-top: 25px;
  padding-bottom: 25px;
}
body .padd-tb-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}
body .padd-top-0 {
  padding-top: 0px;
}
body .padd-top-5 {
  padding-top: 5px;
}
body .padd-top-10 {
  padding-top: 10px;
}
body .padd-top-15 {
  padding-top: 15px;
}
body .padd-top-20 {
  padding-top: 20px;
}
body .padd-top-25 {
  padding-top: 25px;
}
body .padd-top-30 {
  padding-top: 30px;
}
body .padd-bottom-0 {
  padding-bottom: 0px;
}
body .padd-bottom-5 {
  padding-bottom: 5px;
}
body .padd-bottom-10 {
  padding-bottom: 10px;
}
body .padd-bottom-15 {
  padding-bottom: 15px;
}
body .padd-bottom-20 {
  padding-bottom: 20px;
}
body .padd-bottom-25 {
  padding-bottom: 25px;
}
body .padd-bottom-30 {
  padding-bottom: 30px;
}
body .padd-left-0 {
  padding-left: 0px;
}
body .padd-left-5 {
  padding-left: 5px;
}
body .padd-left-10 {
  padding-left: 10px;
}
body .padd-left-15 {
  padding-left: 15px;
}
body .padd-left-20 {
  padding-left: 20px;
}
body .padd-left-25 {
  padding-left: 25px;
}
body .padd-left-30 {
  padding-left: 30px;
}
body .padd-right-0 {
  padding-right: 0px;
}
body .padd-right-5 {
  padding-right: 5px;
}
body .padd-right-10 {
  padding-right: 10px;
}
body .padd-right-15 {
  padding-right: 15px;
}
body .padd-right-20 {
  padding-right: 20px;
}
body .padd-right-25 {
  padding-right: 25px;
}
body .padd-right-30 {
  padding-right: 30px;
}
body .marg-tb-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
body .marg-tb-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}
body .marg-tb-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
body .marg-tb-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}
body .marg-tb-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
body .marg-tb-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}
body .marg-tb-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}
body .marg-lr-0 {
  margin-left: 0px;
  margin-right: 0px;
}
body .marg-lr-5 {
  margin-left: 5px;
  margin-right: 5px;
}
body .marg-lr-10 {
  margin-left: 10px;
  margin-right: 10px;
}
body .marg-lr-15 {
  margin-left: 15px;
  margin-right: 15px;
}
body .marg-lr-20 {
  margin-left: 20px;
  margin-right: 20px;
}
body .marg-lr-25 {
  margin-left: 25px;
  margin-right: 25px;
}
body .marg-lr-30 {
  margin-left: 30px;
  margin-right: 30px;
}
body .marg-top-0 {
  margin-top: 0px;
}
body .marg-top-5 {
  margin-top: 5px;
}
body .marg-top-10 {
  margin-top: 10px;
}
body .marg-top-15 {
  margin-top: 15px;
}
body .marg-top-20 {
  margin-top: 20px;
}
body .marg-top-25 {
  margin-top: 25px;
}
body .marg-top-30 {
  margin-top: 30px;
}
body .marg-bottom-0 {
  margin-bottom: 0px;
}
body .marg-bottom-5 {
  margin-bottom: 5px;
}
body .marg-bottom-10 {
  margin-bottom: 10px;
}
body .marg-bottom-15 {
  margin-bottom: 15px;
}
body .marg-bottom-20 {
  margin-bottom: 20px;
}
body .marg-bottom-25 {
  margin-bottom: 25px;
}
body .marg-bottom-30 {
  margin-bottom: 30px;
}
body .marg-left-0 {
  margin-left: 0px;
}
body .marg-left-5 {
  margin-left: 5px;
}
body .marg-left-10 {
  margin-left: 10px;
}
body .marg-left-15 {
  margin-left: 15px;
}
body .marg-left-20 {
  margin-left: 20px;
}
body .marg-left-25 {
  margin-left: 25px;
}
body .marg-left-30 {
  margin-left: 30px;
}
body .marg-right-0 {
  margin-right: 0px;
}
body .marg-right-5 {
  margin-right: 5px;
}
body .marg-right-10 {
  margin-right: 10px;
}
body .marg-right-15 {
  margin-right: 15px;
}
body .marg-right-20 {
  margin-right: 20px;
}
body .marg-right-25 {
  margin-right: 25px;
}
body .marg-right-30 {
  margin-right: 30px;
}
